@use '@dms/themes/src/mixins/mixins' as *;

@include b(input) {
  width: 100%;
  padding: 4px 14px;
  display: flex;
  background: #1d1f40;
  border-radius: 8px;
  @include e(icon) {
    font-size: 20px;
    padding-right: 14px;
    margin-right: 14px;
    position: relative;
    &:after {
      content: '';
      width: 1px;
      height: 70%;
      background-color: #2d2f5a;
      position: absolute;
      right: 0;
    }
  }
  @include e(text) {
    width: 100%;
  }
}
